#check{
    width: 100%;
    height: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#check span{
    height: 100%;
    width: 22%;
    margin: 0 5px;
    background:#ffffff;
}


.inputBox{
    position: relative;
    width: 400px;
    height: 38px;
}

.inputBox input::placeholder{
    color:#ccc;
}


#toggle1{
    position: relative;
    top: -18px;
    left:360px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../images/hide.png);
    background-size: cover;
    cursor: pointer;
}

#toggle1.show{
    background: url(../images/show.png);
    background-size: cover;
}

#toggle2{
    position: relative;
    top: -18px;
    left:360px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../images/hide.png);
    background-size: cover;
    cursor: pointer;
}

#toggle2.show{
    background: url(../images/show.png);
    background-size: cover;
}